<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>个人资产详情</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../js/layer/layui-v2.3.0/layui/css/layui.css">
  <link rel="stylesheet" href="../css/common/header.css">
  <link rel="stylesheet" href="../css/common/nav.css">
  <link rel="stylesheet" href="../css/common/action2.css">
  <link rel="stylesheet" href="../css/pages/amDetail.css">
</head>
<body>
  <!-- 头部 -->
  <div class="header-wrapper">
    <div class="header-navs">
      <div class="nav-content">
        <span>欢迎您，admin</span>
        <span>账号管理</span>
        <span>注销</span>
      </div>
    </div>
  </div>
  <!-- 容器 -->
  <div class="wrapper">
    <!-- 面包屑 -->
    <div class="breadcrumb">
        <span class="layui-breadcrumb" lay-separator=">">
            <a href="./am.html">资产管理</a>
            <a><cite>资产详情</cite></a>
          </span>
    </div>
    <!-- 操作导航 -->
    <div class="action">
      <div class="details-list-wrap">
        <ul class="details-list">
          <li id="action0">
            <div class="item-wrap">
              <img src="../imgs2/assetDetails_icon1.png">
              <span>发放</span>
            </div>
          </li>
          <li id="action1">
            <div class="item-wrap">
              <img src="../imgs2/assetDetails_icon2.png">
              <span>变更</span>
            </div>
          </li>
          <li id="action2">
            <div class="item-wrap">
              <img src="../imgs2/assetDetails_icon3.png">
              <span>回收</span>
            </div>
          </li>
          <li id="action3">
            <div class="item-wrap">
              <img src="../imgs2/assetDetails_icon4.png">
              <span>调剂</span>
            </div>
          </li>
          <li id="action4">
            <div class="item-wrap">
              <img src="../imgs2/assetDetails_icon5.png">
              <span>维修</span>
            </div>
          </li>
          <li id="action5">
            <div class="item-wrap">
              <img src="../imgs2/assetDetails_icon6.png">
              <span>报废</span>
            </div>
          </li>
          <li id="action6">
            <div class="item-wrap">
              <img src="../imgs2/assetDetails_icon7.png">
              <span>资产日志</span>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 表格容器 -->
    <div id="app" class="table-content">
      <table class="layui-table" lay-even>
        <tbody>
          <tr>
            <th>资产编码</th>
            <td>{{tableData[0]}}</td>
            <th>资产名称</th>
            <td>{{tableData[1]}}</td>
            <th>领取时间</th>
            <td>2018-08-03</td>
          </tr>
          <tr>
            <th>资产类型</th>
            <td>{{tableData[2]}}</td>
            <th>资产类别</th>
            <td>{{tableData[3]}}</td>
            <th>资产型号</th>
            <td>{{tableData[4]}}</td>
          </tr>
          <tr>
            <th>放置地点</th>
            <td>{{tableData[5]}}</td>
            <th>管理人员</th>
            <td>{{tableData[6]}}</td>
            <th>使用人</th>
            <td>{{tableData[7]}}</td>
          </tr>
          <tr>
            <th>采购时间</th>
            <td>{{tableData[8]}}</td>
            <th>采购价格</th>
            <td>{{tableData[9]}}</td>
            <th>密级</th>
            <td>{{tableData[11]}}</td>
          </tr>
          <tr>
            <th><span class="layui-badge" style="font-size: 16px;height: 26px;line-height: 26px;">所属网络</span></th>
            <td>{{tableData[10]}}</td>
            <th></th>
            <td></td>
            <th></th>
            <td></td>
          </tr>
        </tbody>
      </table>
    </div>
    <!-- 二维码 -->
    <div class="qrcode-wrapper">
      <h3>资产信息卡</h3>
      <div class="qrcode-body">
        <img src="../imgs/pamDetail_qrcode.png">
        <div class="qrcode-btn">
          <i class="layui-icon layui-icon-read"></i>   
          <span>打印</span>
        </div>
        <div class="qrcode-btn">
          <i class="layui-icon layui-icon-upload-circle"></i>   
          <span>导出</span>
        </div>
      </div>
    </div>

    <!-- 备注 -->
    <div class="remark-wrapper">
      <span class="remark-title">备注</span>
      <span class="remark-content">备注信息</span>
    </div>

    <!-- 图片 -->
    <div class="pic-wrapper">
      <span class="pic-title">图片</span>
      <div class="pic-body">
        <img src="../imgs/pamDetail_pic.jpg">
      </div>
    </div>


  </div>
  <script src="../js/jquery/jquery.min.js"></script>
  <script src="../js/layer/layui-v2.3.0/layui/layui.all.js"></script>
  <script src="../js/data/table.data.js"></script>
  <script src="../js/vue/vue.min.js"></script>
  <script src="../js/pages/amDetail.js"></script>
</body>
</html>